<template>
  <div class="abnormal">
    <el-result icon="warning" title="抱歉" sub-title="您访问的页面不存在..">
      <template #icon>
        <img src="@/assets/images/404.svg" width="300" />
      </template>
      <template #extra>
        <el-button type="primary" @click="$router.push('/home')">回到首页</el-button>
      </template>
    </el-result>
  </div>
</template>

<script setup lang="js">
import { useRouter } from 'vue-router'
const $router = useRouter()
</script>

<style scoped lang="scss">
.abnormal {
  width: 100%;
  height: 100%;
  background: #fff;
}
</style>